<template>
  <div class="footer fixed flex bg-fff jc-sa aic">
      <router-link active-class="ac" to="/product" class="item flex aic fdc">
          <van-icon size="20" name="wap-home-o" />
              <span>首页</span>
      </router-link>
      <router-link active-class="ac" to="/type" class="item flex aic fdc">
          <van-icon size="20" name="apps-o" />
              <span>分类</span>
      </router-link>
      <router-link active-class="ac" to="/cart" class="item flex aic fdc">
          <van-icon size="20" name="shopping-cart-o" />
              <span>购物车</span>
      </router-link>
      <router-link active-class="ac" to="/my" class="item flex aic fdc">
          <van-icon size="20" name="user-o" />
              <span>我的</span>
      </router-link>
       <router-link active-class="ac" to="/demo" class="item flex aic fdc">
              <span>demo</span>
      </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less"  scoped>
    .footer{
        width: 100%;
        height: 50px;
        bottom: 0;
        .ac{
        color: #c03131;
    }
    }
    
</style>